<!--  -->
<template>
    <div class="chart_bar chart_bar_0">
        <div class="custom_header" slot="header">
            <h2>
                {{ title }} 
                <span class="time" style="font-size: 14px;">{{ time }}</span>
                <span class="peopleNum" style="color: red;">{{ peopleNum + '人' }}</span>
            </h2>
        </div>
        <div :id="chartId" :style="{ width:  width, height: height }"></div>
    </div>
</template>

<script>
import barIMinxins from "../minxins/Bar-I.js";

export default {
    name: "Bar-I",
    mixins: [barIMinxins],
    props: {
        title: {
            default: '全员迟到统计表'
        },
        time: {
            default: '2021-03'
        },
        peopleNum: {
            default: 23
        }
    },
};
</script>

<style lang='css'>
.chart_bar {
    display: inline-block;
}

.custom_header {

}
</style>